<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>同学录</title>
    <script type="text/javascript" src="http://tajs.qq.com/stats?sId=37342703" charset="UTF-8"></script>
    <link rel="stylesheet" href="/Public/Index/plugin/frozenui/css/frozen.css">
    <link rel="stylesheet" href="/Public/Index/plugin/frozenui/css/demo.css">
    <link href="/Public/Index/css/iconfont2.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="/Public/Index/plugin/guangbo/guangbo.css">

    <script src="/Public/Index/plugin/frozenui/js/zepto.min.js"></script>
    <script src="/Public/Index/plugin/frozenui/js/frozen.js"></script>

    <script src="/Public/Index/js/jquery.min.js"></script>
    <script src="/Public/Index/plugin/layer/build/layer.js"></script>

    <script src="/Public/Index/plugin/guangbo/guangbo.js"></script>
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=wDYEcxgRRheZwyC9jpN1Tt7fzr2zjosZ&s=1"></script>
    <style>
        body {
            font-family: 'microsoft yahei';
            background: #eeeeee;
        }
    </style>

</head>

<body ontouchstart>
<style>
    /*顶部*/
    .user {
        border: 0px;
        /*background: url(/Public/Index/img/beijing.png);*/
        /*background: #25ae62;*/
        background-color: #f2a0c6   ;
        background: -webkit-linear-gradient(left, #f2a0c6, #aaedeb);
        background-size: 100% 101%;
        height: 110px;
        margin-bottom: 0px!important;
    }
    .user li {
        padding-top: 6px;
    }
    .ui-list-img {
        width: 80px;
        height: 80px;
    }
    .ui-list-img img {
        width: 100%;
        border-radius: 50%;
    }
    .user_name {
        margin-bottom: 4px;
        font-size: 18px!important;
        font-weight: bold;
        color: #ffffff!important;
    }
    .user_phone {
        margin-bottom: 4px;
        font-size: 12px!important;
        color: #ffffff!important;
    }
    .exit_information {
        z-index:9999;
        width: 32px;
        height:44px;
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -22px;
        margin-right: -10px;
    }

    .ui-border-tb {
        margin-bottom: 0px!important;
    }
    .ui-border-t {
        background-image: none!important;
    }

    /*列表*/
    .ui-avatar {
        width: 60px;
        height: 60px;
    }
    .ui-list {

    }
    .ui-list > li {
        margin-left: 0;
        padding-left: 15px;
        border-bottom: 1px solid #e0e0e0;
    }

</style>

<section class="ui-container">
    <section id="slider">
        <div class="demo-item">
            <div class="demo-block">
                <ul class="ui-list ui-list-link ui-border-tb user" style="">
                    <li class="ui-border-t">
                        <div class="ui-list-img">
                            <if condition="$info.pic eq null">
                                <img src="/Public/Index/img/cat.png" alt="头像">
                                <else/>
                                <img src="{$info.pic}" alt="头像">
                            </if>
                        </div>
                        <div class="ui-list-info">
                            <p class="ui-nowrap user_name">{$info.name}</p>
                            <p class="ui-nowrap-multi  user_phone">{$info.student_id}</p>
                        </div>
                        <a href="/Home/Index/personal" class="exit_information"></a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 广播-->
        <div class="demo-item">
            <div class="demo-block">
                <div class="radio_broadcast">
                    <div class="swiper_wrap">
                        <ul class="font_inner">
                            <li><a href="JavaScript:;">您同学录的范围，由您所提供的信息决定的。</a></li>
                            <li><a href="JavaScript:;">您同学录的范围，由您所提供的信息决定的。</a></li>
                        </ul>
                        <i class="iconfont icon icon-notification"></i>
                    </div>
                </div>
            </div>
        </div>

        <!-- 订单详情-->
        <div class="demo-item">
            <div class="demo-block">
                <ul class="ui-list ui-list-link ui-border-tb">
                    <foreach name="lists" item="v">
                        <li data-href="/Home/Index/userInfo/id/{$v.id}">
                            <div class="ui-avatar">
                                <if condition="$v.pic eq null">
                                    <img src="/Public/Index/img/cat.png" width="60" height="60" alt="头像">
                                    <else/>
                                    <img src="{$v.pic}" alt="头像" width="60" height="60"/>
                                </if>
                            </div>
                            <div class="ui-list-info ui-border-t">
                                <h4 class="ui-nowrap">{$v.student_id}</h4>
                                <p class="ui-nowrap">{$v.name}</p>
                            </div>
                        </li>
                    </foreach>
                </ul>
            </div>
        </div>


    </section>
</section><!-- /.ui-container-->
<script>

    function tankuang () {
        layer.msg('layer弹框',{icon:1});
    }

    $('.ui-list li,.ui-tiled li,#dingdan li,.yue').click(function(){
        if($(this).data('href')){
            location.href= $(this).data('href');
        }
    });
    $('.ui-header .ui-btn').click(function(){
        location.href= 'index.html';
    });
</script>


<span style="font-size:14px;"><script>
    window.onload=function(){
        var div = document.getElementsByTagName("div");
        for (var i=div.length-1; i>=0; i--)    {
            if (div[i].innerHTML.indexOf("some")>=0) document.body.removeChild(div[i]);
        }
    };
</script></span>
</body>
</html>
